.test {
    width: 100%;
    height: 100%;
    background:#fff;
    

    .test-tit {

        width: 100%;
        padding: 30px 33px 30px 33px;
        display: flex;
        flex-direction: row;
        align-items: center;

        .test-tit-left {
            width: 61px;
            text-align: left;
            color: #949494;
            font-size: 24px;

            @include wechat-font-family();
        }

        .test-tit-mid {
            width: calc(100% - 105px);

            .test-tit-mid-box {
                width: 270px;
                margin: 0 auto;
                display: flex;
                flex-direction: row;
                align-items: center;

                .test-tit-mid-word {
                    font-weight: bold;
                    font-size: 32px;
                    color: #363636;
                    padding-right: 20px;
                    letter-spacing: 1px;
                    text-align: right;
                }
            }


        }

        .test-tit-right {
            width: 44px;
            height: 44px;
            @include bg-image("../image/answerCard");
            text-align: right;
        }

    }

    .test-bg {
        width: calc(100% - 66px);
        margin: 0px 33px 0 33px;

        .test-question {
            font-size: 32px;
            color: #363636;
            overflow-y: scroll;
            padding-bottom: 120px;
            height: 100%;
            @include wechat-font-family();

            .test-question-tit>>>img {
                max-width: 100%;
            }

            .test-question-tit {
                margin-bottom: 50px;
            }

            .test-question-answer {
                width: 100%;

                li {
                    background: #F9F9FA;
                    width: 100%;
                    padding: 30px 29px 30px 29px;
                    border-radius: 12px;
                    margin-bottom: 38px;
                    display: flex;
                    flex-direction: row;
                    align-items: baseline;
                    color:#363636 !important;
                    .test_question_answer_left {
                        width: 55px;
                        height: 32px;
                        line-height: 32px;
                        // border-right: 4px solid #CED0D5;
                        position: relative;
                    }

                    .test_question_answer_left::after {
                        content: "";
                        display: block;
                        width: 4px;
                        height: 33px;
                        border-radius: 2px;
                        background: #CED0D5;
                        position: absolute;
                        right: 0px;
                        bottom: 0px;
                    }

                    .test_question_answer_right {
                        margin-left: 30px;
                    }
                }

                .test-hasSelect {
                    background: #DCE9F5;

                    .test_question_answer_left {
                        color: #1472FF;

                    }

                    .test_question_answer_left::after {
                        background: #1472FF;
                    }

                    .test_question_answer_right {
                        color: #1472FF !important;

                    }
                   


                }
            }

        }

    }

    .test-next-btn {
        width: calc(100%);
       
        padding:20px 33px 30px 33px;

        position: fixed;
        left: 0px;
        bottom: 0px;

        color: #fff;
        background: #fff;
    }

    .test-answerCard-box {
        width: calc(100% - 70px);
        margin: 0 35px 0 35px;

        .test-chapterList {
            width: 100%;
            padding-top: 20px;

            li {
                font-size: 24px;
                @include wechat-font-family();
                font-weight: 500;
                color: #949494;
                padding-right: 20px;
                float: left;
            }
        }

        .test-answerCardList {
            width: 100%;
            padding-top: 40px;
            padding-bottom: 40px;

            li {
                width: 78px;
                height: 78px;
                font-size: 30px;
                @include wechat-font-family();
                font-weight: 500;
                color: #FFFFFF;
                text-align: center;
                float: left;
                line-height: 78px;
                background: #EDF0F1;
                border-radius: 50%;
                margin-bottom: 40px;
                
            }
            .ts-mr73{
                margin-right: 72px;
            }
            .ts-hasAnswer{
                background: #1472FF;
            }
        }

    }
}